@import "base";
@import "normalize";
@import "variable";
.m_header{
  margin-bottom: 0;
}
.product_detail{
  background-color: #fff;
  padding: 10rem/@base;
  h3{
    margin: 10rem/@base 0;
  }
  .tit{
    margin: 10rem/@base 0 20rem/@base;
    span{
      font-size: 20rem/@base;
      color: #666;
    }
  }
  .text{
    font-size: 28rem/@base;
    line-height: 40rem/@base;
  }
  .img_box{
    width: 215rem/@base;
    height: 300rem/@base;
  }
}
.supply_box{
  background-color: #fff;
  padding-bottom: 20rem/@base;
  #disstorck{
    background-color: #fff;
    width: 275rem/@base;
    margin: 0 auto;
    box-shadow: 2px 2px 10px;
    padding: 0 20rem/@base 10rem/@base;
    li{
      line-height: 40rem/@base;
      border-bottom: 1px dashed #ccc;
      font-size: 24rem/@base;
      padding: 0 20rem/@base;
     strong{
        color: #f2821b;
        float: right;
      }
    }
  }
}
.buy_box{
  background-color: #fff;
  padding-top: 50rem/@base;
  padding-bottom: 80rem/@base;
  .go_buy{
    display: block;
    width: 80%;
    height: 60rem/@base;
    line-height: 60rem/@base;
    text-align: center;
    background-color: #f2821b;
    color: #fff;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 24rem/@base;
  }
}
.pro_comment{
  background-color: #fff;
  .tit{
    font-size: 18rem/@base;
    height: 80rem/@base;
    line-height: 80rem/@base;
    padding-left: 10rem/@base;
  }
    .reply{
      margin-bottom: 80rem/@base;
      .form{
        position: relative;
        textarea{
          width: 90%;
          margin: 0 5%;
          border: 1px solid #ccc;
        }
        .ctrl{
          width: 90%;
          position: absolute;
          bottom:-60rem/@base;
          right: 5%;
          background-color: #fbfbfb;
          border-top: 1px solid #eee;
          height: 77rem/@base;
          border: 1px solid #ccc;
          .tjdp{
            position: absolute;
            bottom: 0;
            right: 2rem/@base;
            background-color: #ff841d;
            color: #fff;
            border: none  ;
            font-size: 24rem/@base;
            text-align: center;
            width: 200rem/@base;
            line-height: 75rem/@base;
          }
        }
      }
    }
    .list{
      .ui-border-b{
        padding: 10rem/@base;
        .userimg{
          float: left;
          width: 80rem/@base;
          height: 80rem/@base;
          img{
            border-radius: 50%;
          }
        }
        .con{
          padding: 20rem/@base;
          .name{
            font-size: 18rem/@base;
            .username{
              float: left;
              color: #5f9bc1;
              padding-left: 10rem/@base;
            }
            .time{
              float: right;
            }
          }
          .content{
            font-size: 24rem/@base;
            padding-left: 55rem/@base;
          }
        }
      }
    }
}